<template>
    <div class="error">
        <header>
            <button @click="goBack">主页</button>
        </header>
        <h3>404... 找不到该URL资源</h3>
    </div>
</template>

<script>
export default {
    methods: {
        goBack(){
            this.$router.push({path:'/home'})
        }
    }
}
</script>
<style lang="scss">
@import '../../static/style/variable.scss';
.error {
    header {
        height: 1.6rem;
        line-height: 1.6rem;
        padding: 0 .2667rem;
        background-color: $bgColor;
        button {
            background-color: transparent;
            border: 1px solid transparent;
            padding: .1333rem .2667rem;
            color: #fff;
            font-size: 16px;
        }
    }

    h3 {
        padding: 50px 0;
        background-color: #f0f0f0;
        text-align: center;
        text-align: center;
    }
}
</style>